<div class="aside-wrap">
  <!-- if you want to use a custom scroll when aside fixed, use the slimScroll
    <div class="navi-wrap" ui-jq="slimScroll" ui-options="{height:'100%', size:'8px'}">
  -->
  <div class="navi-wrap">
    <!-- user -->
    <div class="clearfix hidden-xs text-center hide" id="aside-user">
      <div class="dropdown wrapper" dropdown>
        <a href="#/app/userprofile/{{userInfo.userName}}" >
          <span class="thumb-lg w-auto-folded avatar m-t-sm">
            <img   ng-src="/suite/plugins/servlet/getUserAvatar?user={{userInfo.userName}}" class="img-full userPhoto" alt="...">
          </span>
        </a>
          <span class="clear">
            <span class="block m-t-sm">
              <strong class="font-bold text-lt">{{userInfo.firstName}}</strong>
            </span>
            <span class="text-muted text-xs block">{{userInfo.customField2}}</span>
          </span>
        <!-- dropdown -->
        <!-- / dropdown -->
      </div>
      <div class="line dk hidden-folded"></div>
    </div>
    <!-- / user -->

    <!-- nav -->
    <nav ui-nav class="navi" ng-include="'tpl/blocks/nav.html'"></nav>
    <!-- nav -->

    <!-- aside footer -->

    <!-- / aside footer -->
  </div>
</div>